<template>
  <div class="version-container">
    <el-timeline>
      <el-timeline-item
        v-for="(item, index) in versions"
        :key="index"
        :timestamp="item.timestamp"
        placement="top"
      >
        <el-card>
          <h4>{{ item.title }}</h4>
          <p>修改详情：{{ item.content }}</p>
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </div>
</template>
<script lang="ts" setup>
  interface versionItem {
    timestamp: string
    title: string
    content: string
  }

  const versions: versionItem[] = [
    {
      timestamp: 'v0.1.6.5 2022-9-29',
      title: '1. 解除限制',
      content: '暂无',
    },
    {
      timestamp: 'v0.1.6.4 2022-9-22',
      title:
        '1. fix 接诊历史患者跳转问题 2. 最佳值翻译问题 3. 隐藏行动计划撤回 4. 个人信息 侧边栏跳到病历',
      content: '暂无',
    },
    {
      timestamp: 'v0.1.6.3 2022-9-22',
      title: '1. 个人信息页面跳转问题 2. 筛查和评估切换问题',
      content: '暂无',
    },
    {
      timestamp: 'v0.1.6.2 2022-9-22',
      title: 'fix 中医折叠问题',
      content: '暂无',
    },
    {
      timestamp: 'v 2022-9-21',
      title:
        '1. 行动计划打卡中医类型文字修改，2. 中医折叠问题，3. 侧边病历历史跳转 4. fix　历史病历 旧病历添加查看选项',
      content: '暂无',
    },
    {
      timestamp: 'v 2022-9-20',
      title: '1. 病历内容选项调整，2.撤回病历内容，3. 呼吸峰流速曲线，4. 中医',
      content: '暂无',
    },
  ]
</script>
<style lang="scss" scoped>
  .version-container {
    padding: 32px 22px;
    :deep(.el-card__body) {
      padding-top: 10px;
    }
  }
</style>
